@charset "utf-8";
/* CSS Document */

.ibanner{ width:100vw; height:856px; position:relative;}
.ibanner .swiper-slide{ display:block; overflow:hidden; position:relative;}
.ibanner .swiper-slide video{ display:block; width:100%; height:856px; background:#000; position:relative; z-index:1;}
.ibanner .swiper-slide .txt{ width:1300px; color:#fff; font-size:16px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3;}
.ibanner .swiper-slide .txt h4{ display:block; line-height:1; font-size:3.25em;}
.ibanner .swiper-slide .txt p{ display:block; line-height:1; font-size:1.875em; padding:1em 0 0;}
.ibanner .swiper-slide .txt a.btn{ display:block; width:10em; line-height:3; text-align:center; background:#d1292e; border-radius:1.5em; transition:all ease 0.4s; margin:2.5em 0 0;}
.ibanner .swiper-slide .txt a.btn:hover{ background:#054586;}
.ibanner .swiper-slide-active .box .bg,
.ibanner .swiper-slide-duplicate-active .box .bg{ transition:6s linear; transform:scale(1,1);}
.ibanner .swiper-slide-active .box .txt,
.ibanner .swiper-slide-duplicate-active .box .txt{ transition:all ease 0.8s; transition-delay:0.5s; opacity:1; transform:translate(-50%,-50%);}
.ibanner .swiper-pagination{ display:none; height:26px; bottom:5%;}
.ibanner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; background-clip:content-box; padding:6px; border:1px solid rgba(255,255,255,0); border-radius:50%; opacity:1; margin:0 12px !important; vertical-align:top; transition:all ease 0.4s;}
.ibanner .swiper-pagination-bullet-active{ border-color:rgba(255,255,255,1); opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none; width:40px; height:40px; margin-top:-20px; background-size:contain !important;}
.ibanner .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:2.6%;}
.ibanner .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:2.6%;}

.main{ display:block;}

.ibox{ position:relative; z-index:2;}
.ibox::before,
.ibox::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox .con{ width:1300px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; font-size:16px; text-align:center; overflow:hidden; padding:3.75em 0 2.5em;}
.ibox h2.title em{ display:block; line-height:1.75; color:#333; font-size:2.25em;}
.ibox h2.title span{ display:block; line-height:3; color:#6981a0; font-weight:normal;}
.ibox h2.title span{ line-height:2; padding:1em 0 0;}
.ibox a.more{ display:block; width:10em; line-height:3; color:#fff; font-size:16px; text-align:center; background:#d1292e; border-radius:1.5em; transition:all ease 0.4s; margin:0 auto;}
.ibox a.more:hover{ background:#054586;}

.box1{ background:url(../images/icons/bg1.jpg) center top no-repeat; background-size:cover; padding:0 0 90px;}
.box1 .product{ font-size:16px; overflow:hidden; position:relative;}
.box1 .product .swiper-container{ margin:0 56px;}
.box1 .product .swiper-slide{ display:block; height:100%; overflow:hidden; position:relative;}
.box1 .product .swiper-slide a.pic{ display:block; overflow:hidden;}
.box1 .product .swiper-slide a.pic img{ display:block; width:100%; height:360px; object-fit:cover; transition:all ease 0.4s;}
.box1 .product .swiper-slide a.title{ display:block; line-height:2.5; color:#333; font-size:1.125em; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0.5em 0 0; transition:all ease 0.4s;}
.box1 .product .swiper-slide:hover a.pic img{ transform:scale(1.1);}
.box1 .product .swiper-slide:hover a.title{ color:#d1292e;}
.box1 .product .swiper-button-prev,
.box1 .product .swiper-button-next{ display:block; width:30px; height:30px; top:180px; margin-top:-15px; background-size:auto 14px !important; border-radius:50%;}
.box1 .product .swiper-button-prev{ background:#828891 url(../images/icons/prev.png) center no-repeat; left:0;}
.box1 .product .swiper-button-next{ background:#828891 url(../images/icons/next.png) center no-repeat; right:0;}
.box1 .product .swiper-button-prev:hover,
.box1 .product .swiper-button-next:hover{ background-color:#d1292e;}

.box12{ background:url(../images/icons/bg12.jpg) center top no-repeat; background-size:cover; padding:64px 0 80px;}
.box12 .con{ display:flex; align-items:flex-start;}
.box12 dl.menu{ display:block; width:24%; color:#fff; font-size:16px; flex-shrink:0;}
.box12 dl.menu dt{ display:block; line-height:1.75; font-size:2.25em; font-weight:bold; padding:0.25em 0 0.625em;}
.box12 dl.menu dd{ display:block; padding:0 0 1em;}
.box12 dl.menu dd a{ display:block; box-sizing:border-box; width:15.5em; line-height:2.625; padding:0 0 0 1.5em; overflow:hidden; border:1px solid rgba(255,255,255,0.6); border-radius:1.375em; position:relative;}
.box12 dl.menu dd a::after{ content:''; display:block; width:100%; height:100%; background:url(../images/icons/menu.png) right center no-repeat; position:absolute; left:0; top:0; z-index:1; filter:/brightness(0) invert(0); opacity/:0.15;}
.box12 dl.menu dd a:hover{ color:#fff; background:#d1292e; border-color:rgba(0,0,0,0);}
.box12 dl.menu dd a:hover::after{ filter:none; opacity:1;}
.box12 .case{ flex:1; font-size:16px; background:rgba(255,255,255,0.8); padding:60px 0 50px; border-radius:20px; overflow:hidden; position:relative; margin:80px 0 0;}
.box12 .case .swiper-container{ margin:0 70px;}
.box12 .case .swiper-slide{ display:block; height:100%; overflow:hidden; position:relative;}
.box12 .case .swiper-slide a.pic{ display:block; overflow:hidden;}
.box12 .case .swiper-slide a.pic img{ display:block; width:100%; height:174px; object-fit:cover; transition:all ease 0.4s;}
.box12 .case .swiper-slide a.title{ display:block; line-height:1.5; color:#333; font-size/:1.125em; padding:1em 0 0; transition:all ease 0.4s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box12 .case .swiper-slide p{ display:block; line-height:1.75; color:#666; font-size:0.9375em; overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.box12 .case .swiper-slide:hover a.pic img{ transform:scale(1.1);}
.box12 .case .swiper-slide:hover a.title{ color:#d1292e;}
.box12 .case .swiper-button-prev,
.box12 .case .swiper-button-next{ display:block; width:30px; height:30px; top:50%; margin-top:-15px; background-size:auto 14px !important; border-radius:50%;}
.box12 .case .swiper-button-prev{ background:#828891 url(../images/icons/prev.png) center no-repeat; left:20px;}
.box12 .case .swiper-button-next{ background:#828891 url(../images/icons/next.png) center no-repeat; right:20px;}
.box12 .case .swiper-button-prev:hover,
.box12 .case .swiper-button-next:hover{ background-color:#d1292e;}

.box2{ background:url(../images/icons/bg2.jpg) center top no-repeat; background-size:cover; padding:0 0 100px;}
.box2 .yanfa{ height:534px; font-size:16px; border-radius:20px; overflow:hidden;}
.box2 .yanfa .swiper-slide{ position:relative;}
.box2 .yanfa .swiper-slide a{ display:block; overflow:hidden; position:relative;}
.box2 .yanfa .swiper-slide a img{ display:block; width:100%; height:534px; object-fit:cover; transition:all ease 0.4s;}
.box2 .yanfa .swiper-slide .box{ display:block; width:38%; box-sizing:border-box; background:rgba(0,0,0,0.5); padding:16px 28px 26px; position:absolute; left:0; bottom:15%; z-index:3; transition:all ease 0.5s; transition-delay:0.6s; transform:translateX(-50%); opacity:0;}
.box2 .yanfa .swiper-slide-active .box{ transform:translateX(0); opacity:1;}
.box2 .yanfa .swiper-slide .box h4{ display:block; line-height:2; color:#fff; font-size:2em; transition:all ease 0.4s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.box2 .yanfa .swiper-slide .box p{ display:block; height:5.25em; line-height:1.75; color:#fff;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.box2 .swiper-pagination{ width:auto; height:18px; background:rgba(0,0,0,0.5); padding:12px; border-radius:8px; left:auto; right:0; bottom:0; margin:16px;}
.box2 .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; background-clip:content-box; padding:3px; border:1px solid rgba(255,255,255,0); border-radius:50%; opacity:1; margin:0 6px !important; vertical-align:top; transition:all ease 0.4s;}
.box2 .swiper-pagination-bullet-active{ border-color:rgba(255,255,255,1); opacity:1;}

.box3{ background:url(../images/icons/bg3.jpg) center no-repeat; background-size:cover; padding:60px 0 80px;}
.box3 h2.title{ text-align:left; padding-top:0;}
.box3 h2.title em{ color:#fff;}
.box3 .con{ display:flex; flex:auto; align-items:center;}
.box3 .box{ padding:0 1.5%;}
.box3 .txt{ line-height:2.5; color:#fff; font-size:16px; text-align:justify; overflow:hidden; margin:-0.5em 0 -0.5em;}
.box3 a.more{ margin:3.5em 0 0;}
.box3 ul.data{ display:block; width:34%; font-size:16px; text-align:center; overflow:hidden; margin:0 0 0 6%; flex-shrink:0;}
.box3 ul.data li{ display:block; width:50%; color:#333; padding:0 0 2em; float:left;}
.box3 ul.data li em{ display:block; color:#2f4d93; font-size:1.25em;}
.box3 ul.data li b{ line-height:1.5; font-size:3em; margin:0 0.25em 0 0;}
.box3 ul.data li b:only-child{ margin:0;}
.box3 ul.data li span{ display:block; line-height:1.5; color:#333; font-size/:1.125em;}

.box4{ background:url(../images/icons/bg4.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.box4 ul{ display:block; font-size:16px; margin:0 -15px;}
.box4 ul::before,
.box4 ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.box4 ul li{ display:block; width:33.33%; float:left;}
.box4 ul li a{ display:block; position:relative; margin:0 15px;}
.box4 ul li i{ display:block; overflow:hidden; border:1px solid #ddd; box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.box4 ul li img{ display:block; width:100%; height:274px; transition:all ease 0.4s;}
.box4 ul li span{ display:block; line-height:1.72; color:#d1292e; font-size:0.875em; background:#fff; padding:10px 12px; border-left:3px solid #d1292e; margin:20px; position:absolute; left:0; top:0; z-index:3;}
.box4 ul li span em{ display:block; line-height:1.12; font-size:1.43em; font-weight:bold; padding:0 0 0.25em;}
.box4 ul li .box{ width:100%; color:#333; padding/:30px; background/:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2)); box-sizing:border-box; position/:absolute; left:0; bottom:0; z-index:3;}
.box4 ul li font{ display:none; line-height:1.72; font-size:0.9375em; background:url(../images/icons/news.png) left center no-repeat; background-size:auto 1em; padding:0 0 0 1.5em;}
.box4 ul li h4{ display:block; line-height:1.35; font-size:1.125em; font-weight:normal; margin:0.5em 0 0; margin:1em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box4 ul li p{ display:block; line-height:1.5; color:#2f4d93; padding:0.5em 0 0;}
.box4 ul li i.view{ display:none; line-height:4; font-size:0.9375em; background:rgba(0,0,0,0.3); padding:0 1.25em; border-radius:5px; transition:all ease 0.4s; margin:0.7em 0 0;}
.box4 ul li i.view::before{ content:'鈫?; display:block; float:right;}
.box4 ul li a:hover img{ transform:scale(1.1);}
.box4 ul li a:hover i.view{ background:#d1292e;}


@media only screen and (max-width:1440px){



}

@media only screen and (max-width:768px){

.ibanner .swiper-slide .txt,
.ibox .con{ width:calc(100% - 30px); min-width:0;}

.ibanner,
.ibanner .swiper-slide video{ height:calc(60vw + 60px);}
.ibanner .swiper-slide .txt{ font-size:14px; top:51%; padding:60px 0 0;}
.ibanner .swiper-slide .txt h4{ font-size:1.75em;}
.ibanner .swiper-slide .txt p{ font-size:1em;}
.ibanner .swiper-slide .txt a.btn{ width:7.5em; line-height:2.25; border-radius:1.125em; margin:2em 0 0;}
.ibanner .swiper-pagination{ height:18px; bottom:4.5%;}
.ibanner .swiper-pagination-bullet{ width:8px; height:8px; padding:4px; margin:0 8px !important;}

.ibox h2.title{ font-size:14px; padding:2.5em 0 1em;}
.ibox h2.title em{ font-size:2em;}
.ibox h2.title span{ line-height:1.75; padding:0.625em 0;}
.ibox a.more{ width:7.5em; line-height:2.25; border-radius:1.125em; font-size:14px;}

.box1{ padding:0 0 40px;}
.box1 .product .swiper-slide a.pic{ width:218px; margin:0 auto;}
.box1 .product .swiper-slide a.pic img{ height:290px;}
.box1 .product .swiper-slide a.title{ font-size:1em;}
.box1 .product .swiper-button-prev,
.box1 .product .swiper-button-next{ top:145px;}

.box12{ padding:36px 0 40px;}
.box12 .con{ display:block;}
.box12 dl.menu{ width:auto; font-size:14px; overflow:hidden;}
.box12 dl.menu dt{ font-size:2em; text-align:center; padding:0 0 0.5em;}
.box12 dl.menu dd{ width:48%; float:left;}
.box12 dl.menu dd:nth-child(even){ margin-left:4%;}
.box12 dl.menu dd:nth-child(2){ width:100%; margin:0;}
.box12 dl.menu dd a{ width:auto; padding:0 0 0 1em; font-size:13px;}
.box12 .case{ margin:0; padding:24px 0 20px; border-radius:12px;}
.box12 .case .swiper-container{ margin:0 50px;}
.box12 .case .swiper-slide a.pic img{ height:auto;}
.box12 .case .swiper-slide a.title{ -webkit-line-clamp:1; padding:0.75em 0 0; font-size:15px;}
.box12 .case .swiper-button-prev,
.box12 .case .swiper-button-next{ width:24px; height:24px; background-size:auto 12px !important;}
.box12 .case .swiper-button-prev{ left:13px;}
.box12 .case .swiper-button-next{ right:13px;}

.box2{ padding:0 0 44px;}
.box2 .yanfa{ height:auto; border-radius:12px; font-size:13px;}
.box2 .yanfa .swiper-slide a img{ height:256px;}
.box2 .yanfa .swiper-slide .box{ width:100%; transform:translateY(50%); opacity:0; bottom:0; padding:10px 15px 36px;}
.box2 .yanfa .swiper-slide-active .box{ transform:translateY(0); opacity:1;}
.box2 .yanfa .swiper-slide .box h4{ font-size:1.375em;}
.box2 .yanfa .swiper-slide .box p{ -webkit-line-clamp:2; height:3.5em;}
.box2 .swiper-pagination{ padding:5px 4px; border-radius:6px; height:14px; background:none; margin:0 0 8px; right:50%; transform:translateX(50%);}
.box2 .swiper-pagination-bullet{ width:6px; height:6px; background-color/:#054586; padding:2px; margin:0 4px !important;}
.box2 .swiper-pagination-bullet-active{ border-color/:#054586;}

.box3{ padding:0 0 40px;}
.box3 .con{ display:block;}
.box3 .box{ padding:0;}
.box3 h2.title em{ font-size:1.75em; text-align:center;}
.box3 .txt{ font-size:14px; line-height:2; margin:0;}
.box3 a.more{ margin:1.25em auto 0;}
.box3 ul.data{ width:auto; margin:0; font-size:14px;}
.box3 ul.data li{ padding:1em 0 0;}
.box3 ul.data li em{ color:#fff; font-size:1.125em;}
.box3 ul.data li b{ font-size:2.5em;}
.box3 ul.data li span{ color:rgba(255,255,255,1);}

.box4{ padding:0 0 20px;}
.box4 ul li{ width:100%; padding:0 0 20px;}
.box4 ul li img{ height:auto;}
.box4 ul li h4{ font-size:1em;}
.box4 ul li p{ font-size:13px;}


}





/**/